<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后街、后街交友、同城交友、交友</title>
<meta name="keywords" content="后街、后街交友、同城交友、交友、交友平台">
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/customer/ucenter.css">
<meta name="description"
	content="寻找志同道合的朋友；交友、聊天、游戏、泡吧，让您在忙碌的工作之余,找到志同道合的朋友,享受快乐人生.">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<script type="text/javascript">
	function showLink(){
		$(this).find('.ucenter-pic a').css('display', 'block');
	}
	function chageNicheng(){
		$("#dialog-form-changeNicheng").dialog("open");
	}
	function qiandao(){
		$("#dialog-form-qiandao").dialog("open");
	}
	$(function(){
		$("#dialog-form-changeNicheng").dialog({
			autoOpen : false,
			height : 160,
			width : 250,
			modal : true,
			buttons : {
				"提交" : function() {
					var nicheng = $("#changeNicheng").val();
					if(nicheng==""){
						alert("新昵称不能为空");
					}
					$.post(ROOTPATH + "/customer/changeNicheng.aspx", {
						nicheng : nicheng
					}, function(data) {
						//loginUser.successFunc(data);
						if (data == "" || data == 0) {
							alert("请求失败，请联系管理员");
						} else {
							if (data.resultCode != "1") {
								alert(data.resultStr);
							} else {
								alert(data.resultStr);
								window.location.reload(true);
								//$("#dialog-form-cityselecter").dialog("close");
							}
						}
					});
					$(this).dialog("close");
				},
				"取消" : function() {
					$(this).dialog("close");
				}
			},
			"close" : function() {}
		});
		$("#dialog-form-qiandao").dialog({
			autoOpen : false,
			height : 135,
			width : 260,
			modal : true,
			buttons : {
				"提交" : function() {
					var xinqing = $("#qiandaoxinqing").val();
					if(xinqing==""){
						alert("签到心情不能为空");
						return;
					}
					$.post(ROOTPATH + "/customer/qiandao.aspx", {
						xinqing : xinqing
					}, function(data) {
						//loginUser.successFunc(data);
						if (data == "" || data == 0) {
							alert("请求失败，请联系管理员");
						} else {
							if (data.resultCode != "1") {
								alert(data.resultStr);
							} else {
								alert(data.resultStr);
								window.location.reload(true);
								//$("#dialog-form-cityselecter").dialog("close");
							}
						}
					});
					$(this).dialog("close");
				},
				"取消" : function() {
					$(this).dialog("close");
				}
			},
			"close" : function() {}
		});
		
	});
</script>
</head>
<body>
	<!--头部 s-->
	<c:import url="../common/newHeader.jsp"></c:import>
	<!--头部 e-->
	<div class="w980 clearfix"></div>


	<div class="ucenter">
		<div class="hr"></div>
		<ul val="user" id="left_menu" class="nav">
			<!--left menu s-->
			<li><a val="user" 
				href="${pageContext.request.contextPath}/customerDefault/ucenterIndex.aspx" 
				class="icon_my  cur"><span>我的后街</span></a></li>
			<li><a val="editInfo" 
				href="${pageContext.request.contextPath}/customerDefault/ucenterAccount.aspx" 
				class="icon_acc"><span>我的帐号</span></a></li>
			<li><a val="favorites" 
				href="${pageContext.request.contextPath}/customerDefault/ucenterCollection.aspx"
				class="icon_fav"><span>我的收藏</span></a></li>
			<li><a val="invite"
				href="${pageContext.request.contextPath}/customerDefault/ucenterInvite.aspx"
				class="icon_invite"><span>注册邀请</span></a></li>
			<li><a val="integral"
				href="${pageContext.request.contextPath}/customerDefault/ucenterCredit.aspx"
				class="icon_integral"><span>我的积分</span></a></li>
			<li><a val="panicBuy"
				href="${pageContext.request.contextPath}/customerDefault/ucenterPublish.aspx"
				class="icon_buy"><span>信息发布</span></a></li>
			<script type="text/javascript">
				$(function() {
					var $left_menu = $('#left_menu');
					$left_menu.find('a').each(function() {
						if ($left_menu.attr('val') == $(this).attr('val'))
							$(this).addClass('cur');
					});
				});
			</script>
			<!--left menu e-->
		</ul>
		<div class="ucenter-body clear-fix">
			<div class="ucenter-userinfo">
				<div class="ucenter-pic" onmouseover="showLink();">
					<c:choose>
						<c:when test="${customer.img ne null and '' ne customer.img}">
							<img width="120" height="120" title="后街用户"
							src="${pageContext.request.contextPath}/img/ucenter/upload.jpeg">
						</c:when>
						<c:otherwise>
							<img width="120" height="120" title="后街用户"
							src="${pageContext.request.contextPath}/img/ucenter/upload.jpeg">
						</c:otherwise>
					</c:choose>
					<div class="link_bg" style="display: none;">
					<a href="http://ucenter.jiaren.com/user/info/editInfo.htm?type=1"
						style="display: none;">更改头像</a>
					</div>
				</div>
				<ul>
					<li class="username">
						<strong title="后街用户">
							<c:choose>
								<c:when test="${customer.nicheng ne null and '' ne customer.nicheng}">
									<c:out value="${customer.nicheng}"></c:out>
								</c:when>
								<c:otherwise>
									暂无昵称
								</c:otherwise>
							</c:choose>
						</strong>&nbsp;&nbsp;&nbsp;
						<a href="javascript:void(0);" onclick="chageNicheng();">修改昵称</a>
					</li>
					<li class="count">
						<img alt="" src="${pageContext.request.contextPath}/img/ucenter/blank.png">
						<span>积分:</span>
						<strong><c:out value="${customer.jifen}"></c:out></strong>
						<span>金币:</span>
						<strong><c:out value="${customer.jinbi}"></c:out></strong>
					</li>
				</ul>
				<!-- 用户等级 -->
				<div class="level-user">
					<!-- <span style="float: left;">普通</span> -->
					<span class="level level0"></span>
					<div class="level-line">
						<div class="level-info">
							<span style="width: 1.6666666666666667%;padding-left:${customer.jifen/60000.0*150+8}px;"><em></em></span>
						</div>
					</div>
					<span class="level level1"></span> 
					<span class="level-exp">${customer.jifen}/60000(<b>永久VIP</b>)</span>
					<span class="level-up">还需${60000-customer.jifen}点积分可升至白银VIP会员</span>
				</div>
			</div>
			<div class="ucenter-links">
				<div>
					<strong>任务</strong> <a class="more"
						href="${pageContext.request.contextPath}/customerDefault/ucenterCredit.aspx">挑战更多任务</a>
				</div>
				<ul>
					<li><span class="task"> 每日签到 </span> <span class="upxxxxxxxxxx">+15</span>
					</li>
					<li><span class="task"> 邀请好友 </span> <span class="upxxxxxxxxxx">+50</span>
					</li>
					<li><span class="task"> 第一次修改用户昵称 </span> <span class="upxxxxxxxxxx">+50</span>
					</li>
				</ul>

				<a class="signup" id="signup" href="javascript:void(0)" onclick="javascript:qiandao();">每日签到</a>
				<div class="signup_hover">
					<p>
						签到1天&nbsp;=&nbsp;5积分<br> 签到2天&nbsp;=&nbsp;10积分<br>
						第4天&nbsp;=&nbsp;20积分<br>最高签到20积分<br>
						间断后从第1天开始.<br>
					</p>
				</div>
			</div>
			<div class="clear-fix"></div>
			<div class="hr"></div>
			<div class="ucenter-h3">
				<div>
					<span></span>&nbsp;今日推荐
				</div>
				<div class="line"></div>
				<a target="_blank" href="http://tao.jiaren.com" class="more">更多&gt;</a>
			</div>
			<!-- 今日特价列表 -->
			<div
				style="display: none; position: relative; left: 0px; top: 0px; width: 300px; margin: 0px auto;"
				class="loading">正在加载今日特价...</div>
			<ul style="" id="J_plist" class="ucenter-plist">
				<li>
					<a target="_blank"	href="javascript:void(0);">
						<img src="http://img02.taobaocdn.com/bao/uploaded/i2/18850022719221454/T1J2iuXxJhXXXXXXXX_!!0-item_pic.jpg"></a>
					<a target="_blank" href="javascript:void(0);" class="prointro">正品婷美电子秤人体秤称重...</a>
					<span class="proprice-bg transition"></span>
					<a target="_blank"	href="javascript:void(0);" class="proprice">
						<strong style="padding:0;width: 166px;text-align: center;">浦东小雷</strong>
					</a>
				</li>
				<li>
					<a target="_blank"	href="javascript:void(0);">
						<img src="http://img01.taobaocdn.com/bao/uploaded/i1/10093023329920597/T1zZeKXzNaXXXXXXXX_!!0-item_pic.jpg">
					</a>
					<a	target="_blank"	href="javascript:void(0);" class="prointro">新款韩版女包包英文字母休...</a>
					<span class="proprice-bg transition"></span>
					<a target="_blank"	href="javascript:void(0);" class="proprice">
						<strong style="padding:0;width: 166px;text-align: center;">普陀小芳</strong>
					</a>
				</li>
				<li>
					<a target="_blank"	href="javascript:void(0);">
						<img src="http://img03.taobaocdn.com/bao/uploaded/i3/197784494/T2qyPKXbFXXXXXXXXX_!!197784494.jpg">
					</a>
					<a target="_blank"	href="javascript:void(0);" class="prointro">夏日经典配饰_韩国进口正...</a>
					<span class="proprice-bg transition"></span>
					<a target="_blank"	href="javascript:void(0);" class="proprice">
						<strong style="padding:0;width: 166px;text-align: center;">唉药,不错哟</strong>
					</a>
				</li>
				<li>
					<a target="_blank"	href="javascript:void(0);">
						<img src="http://img03.taobaocdn.com/bao/uploaded/i3/18926022555582730/T1VMGrXpNdXXXXXXXX_!!0-item_pic.jpg">
					</a>
					<a target="_blank" href="javascript:void(0);"	class="prointro">印花老粗布床单纯棉加厚单...</a>
					<span class="proprice-bg transition"></span>
					<a target="_blank" href="javascript:void(0);" class="proprice">
						<strong style="padding:0;width: 166px;text-align: center;">做图的那个美女</strong>
					</a>
				</li>
				<li>
					<a target="_blank"	href="javascript:void(0);">
						<img src="http://img04.taobaocdn.com/bao/uploaded/i4/T1cbDyXhlbXXaGh7Yb_095009.jpg">
					</a>
					<a target="_blank" href="javascript:void(0);" class="prointro">夏日经典配饰_全场满包邮...</a>
					<span class="proprice-bg transition"></span>
					<a target="_blank" href="javascript:void(0);" class="proprice">
						<strong style="padding:0;width: 166px;text-align: center;">真的很不错呀</strong>
					</a>
				</li>
				<li>
					<a target="_blank"	href="javascript:void(0);">
						<img src="http://img01.taobaocdn.com/bao/uploaded/i1/1645289992/T2xJ15XfJbXXXXXXXX_!!1645289992.jpg">
					</a>
					<a target="_blank"	href="javascript:void(0);" class="prointro">米诺思包臀包裙夏季百褶大...</a>
					<span class="proprice-bg transition"></span>
					<a target="_blank" href="javascript:void(0);" class="proprice">
						<strong style="padding:0;width: 166px;text-align: center;">普陀小玲</strong>
					</a>
				</li>
				<li>
					<a target="_blank" href="javascript:void(0);">
						<img src="http://img02.taobaocdn.com/bao/uploaded/i2/17629020641485411/T1kj8NXpJdXXXXXXXX_!!0-item_pic.jpg">
					</a>
					<a target="_blank" href="javascript:void(0);" class="prointro">女士内裤 宽边高腰提臀收...</a>
					<span class="proprice-bg transition"></span>
					<a target="_blank" href="javascript:void(0);" class="proprice">
						<strong style="padding:0;width: 166px;text-align: center;">哎呀</strong>
					</a>
				</li>
				<li>
					<a target="_blank" href="javascript:void(0);">
						<img src="http://img02.taobaocdn.com/bao/uploaded/i2/886563960/T2L9i_XXVbXXXXXXXX_!!886563960.jpg">
					</a>
					<a target="_blank" href="javascript:void(0);" class="prointro">夏日经典配饰_帽子女韩版...</a>
					<span class="proprice-bg transition"></span>
					<a target="_blank" href="javascript:void(0);" class="proprice">
						<strong style="padding:0;width: 166px;text-align: center;">啧啧啧啧</strong>
					</a>
				</li>
			</ul>
			<div style="display: none" class="teji-empty" id="teji-empty">
				<span>今日特价将在每天10点开抢</span>
			</div>
		</div>
		<div id="dialog-form-changeNicheng" title="修改昵称" style="padding: 10px;">
			<table>
			<tr>
				<td width="50px"><label for="changeNicheng">原昵称:</label></td>
				<td>
					<span style="color:red;"><c:out value="${customer.nicheng}"></c:out></span>
				</td>
			</tr>
			<tr>
				<td><label for="changeNicheng">新昵称:</label></td>
				<td>
					<input type="text" name="changeNicheng" id="changeNicheng" class="text ui-widget-content ui-corner-all" />
				</td>
			</tr>
			</table>
		</div>
		<div id="dialog-form-qiandao" title="今日签到" style="padding: 10px;">
			<table>
			<tr>
				<td><label for="qiandaoxinqing">今日心情:</label></td>
				<td>
					<input type="text" name="qiandaoxinqing" id="qiandaoxinqing" class="text ui-widget-content ui-corner-all" />
				</td>
			</tr>
			</table>
		</div>
	</div>
	<!--footer s-->
	<c:import url="../common/newFooter.jsp"></c:import>
	<!--footer e-->

</body>
</html>